<template>
    <div class="w-full h-full flex flex-col justify-between bg-gradient-to-b from-blue-200 via-blue-200 to-blue-100">
        <h1 class="text-4xl font-black text-blue-800 text-center px-10 py-20">{{ $route.query.title }}</h1>
        <h2 class="text-center leading-loose"><span class="text-7xl text-red-600">{{ parseInt($route.query.score) || 0
        }}</span><br>{{ $route.query.user || '用户' }}，您本次测试<span class="text-xl text-blue-800">{{
    parseInt($route.query.score) >= 80 ? '优秀' : (parseInt($route.query.score) >= 60 ? '合格' : '不合格')
}}</span><br>{{ parseInt($route.query.score) >= 80 ? '请继续保持' : (parseInt($route.query.score) >= 60 ? '请再接再厉'
    : '请继续努力') }}</h2>
        <div class="flex justify-center">
            <el-button type="primary" @click="$router.replace(`/answer/${$route.query.topic}`)" size="large" round plain
                class="w-1/3 mx-auto">返 回</el-button>
            <el-button type="primary"
                @click="$router.replace(`/answer/history?userId=${$route.query.userId}&postId=${$route.query.postId}`)"
                size="large" round class="w-1/3 mx-auto">查看错题</el-button>
        </div>
    <p class="text-center text-slate-400 leading-relaxed">甘肃省司法厅&copy;版权所有<br>中国甘肃网技术支持</p>
</div></template>

<script setup>
</script>